﻿var Tag = {
    model: function (d = {}) {
        this.Title = d.Title || "标签";
        this.EnTitle = d.EnTitle || "";
        this.Tips = d.Tips || "";
        this.Name = d.Name || 'lg' + lg.GetSN(6, 10);
        this.Value = d.Value || "";
        this.ExportName = d.ExportName || "";
        this.Width = d.Width || "100%";
        this.Required = d.Required || false;
        this.IsRender = d.IsRender != undefined ? d.IsRender : true;
        this.Range = d.Range || [0, 0];
        this.IsShow = d.IsShow || false;
        this.IsExport = d.IsExport || false;
        this.IsWhere = d.IsWhere || false;
        this.WhereKey = d.WhereKey || "精确匹配"
    },
    component: {
        name: "lg-form-tag",
        data: {
            props: {
                items: {
                    type: Array,
                    default: []
                },
                value: {
                    type: [String, Object],
                    default: ""
                },
                data: {
                    type: Object,
                    default: {}
                },
                renderType: {
                    type: Number,
                    default: 0
                }
            },
            mounted: function () {

            },
            methods: {

            },
            template: `
					<div :class="['lg-form-item pane',{'lg-ver-error':data.error},{'pointer-none':renderType==1}]" :style="{'width':data.Width}">
						<div class="lg-form-block">
							<div class="lg-form-title">
								<div class="lg-form-title-item">
                                   <i v-if="data.Required">*</i>
			                       <span class="cn">{{data.Title}}</span>
                                   <span class="en">{{data.EnTitle}}</span>
			                    </div>
							</div>
							<div class="lg-form-control">
								<div class="lg-tag-group">
									<div class="lg-tag-item">
										<span class="tag">活泼可爱</span>
										<span class="fa fa-close"></span>
									</div>
									<div class="lg-tag-item lg-addTag lg-btn lg-btn-sm">
										<span class="fa fa-plus"></span>
										<span class="tag">添加</span>
									</div>
								</div>
							</div>
						</div>
						<div class="lg-form-block">
                             <div class="lg-form-tip"><p>{{data.Tips}}</p></div>
			                 <div class="lg-form-ver" v-if="data.error">{{data.errMsg}}</div>
						</div>
					</div>`
        }
    }
}

export { Tag }